.container {
    padding: 0.5vh;
    overflow: hidden;
    width: inherit;
    color: #585858;
    font-size: 0.14rem;
    background: whitesmoke;
}

.fade {
    webkit-transition: all .3s cubic-bezier(0, 0, .2, 1);
    transition: all .3s cubic-bezier(0, 0, 0.2, 1);
}

/*----------------------------*/

.container .row {
    height: inherit;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.container .column {
    width: inherit;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

/*----------------------------*/

.row > .item, .column > .item {
    background: white;
    /*outline: 1px solid #d7d7d7;*/
    //box-shadow: 1px 1px 10px #e4e4e4;
    margin: 0.5vh;
    padding: 1vh;
    cursor: default;
    text-align: left;
    font-size: 0.11rem;
}

.item.top, .item.left {
    align-self: flex-start;
}

.item.middle, .item.center {
    align-self: center;
}

.item.bottom, .item.right {
    align-self: flex-end;
}

.item.full, .item.full {
    align-self: stretch;
}

.item.text, .item.text {
    align-self: baseline;
}

.item.block1 {
    width: 100%;
}

.item.block2 {
    width: 50%;
}

.item.block3 {
    width: 33.33%;
}

.item.block4 {
    width: 25%;
}

.item.block5 {
    width: 20%;
}

.item.block6 {
    width: 100%;
}

.item.block7 {
    width: 100%;
}

.item.block8 {
    width: 100%;
}

.item.block9 {
    width: 100%;
}

.item.block10 {
    width: 100%;
}

.item.block11 {
    width: 100%;
}

.item.block24 {
    width: 100%;
}

.item.grow {
    flex-grow: 1;
}

/*----------------------------*/

.row.left, .column.top {
    justify-content: flex-start;
}

.row.center, .column.middle {
    justify-content: center;
}

.row.right, .column.bottom {
    justify-content: flex-end;
}

.row.between, .column.between {
    justify-content: space-between;
}

.row.around, .column.around {
    justify-content: space-around;
}

.row.evenly, .column.evenly {
    justify-content: space-evenly;
}

/*----------------------------*/

.row.top, .column.left {
    align-items: flex-start;
}

.row.middle, .column.center {
    align-items: center;
}

.row.bottom, .column.right {
    align-items: flex-end;
}

.row.full, .column.full {
    align-items: stretch;
}

.row.text, .column.text {
    align-items: baseline;
}


/*----------------------------*/

.row.multi, .column.multi {
    align-content: flex-start;
}

.row.multi.top, .column.multi.left {
    align-content: flex-start;
}

.row.multi.middle, .column.multi.center {
    align-content: center;
}

.row.multi.bottom, .column.multi.right {
    align-content: flex-end;
}

.row.multi.full, .column.multi.full {
    align-content: stretch;
}

.row.multi.divide, .column.multi.divide {
    align-content: space-between;
}

.row.multi.surround, .column.multi.surround {
    align-content: space-around;
}

.row.multi.equally, .column.multi.equally {
    align-content: space-evenly;
}

/*----------------------------*/
